<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ include file="/common/taglib.jsp"%>
<c:set var="musicFileSeq" scope="request">
<c:forEach var="attachFile" items="${result.attachFileList }">
	<c:if test="${attachFile.attachFileTypeCd eq '02' }">${attachFile.attachFileSeq}</c:if>
</c:forEach>
</c:set>
<c:set var="imageFileSeq" scope="request">
<c:forEach var="attachFile" items="${result.attachFileList }">
	<c:if test="${attachFile.attachFileTypeCd eq '01' }">${attachFile.attachFileSeq}</c:if>
</c:forEach>
</c:set>
<!DOCTYPE html>
<html lang="ko">
<head>
<title> 한국의 논매기 소리 </title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta charset="utf-8">
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico"/>
<link href="/css/reset.css" type="text/css" rel="stylesheet" />
<link href="/css/common.css" type="text/css" rel="stylesheet" />
<link href="/css/layout.css" type="text/css" rel="stylesheet" />
<link href="/css/ui.css" type="text/css" rel="stylesheet" />
<style>	
	.smooth_zoom_preloader {
		background-image: url(/img/preloader.gif);
	}	
	.smooth_zoom_icons {
		background-image: url(/img/icons.png);
	}
</style>
<script src="/js/jquery.min.js"></script>
<script src="/js/jquery-ui-1.10.4.custom.min.js" type="text/javascript"></script>
<script src="/js/jquery.sidr.min.js" type="text/javascript"></script>
<script src="/js/fakeselect.js" type="text/javascript"></script>
<script src="/js/ui.js" type="text/javascript"></script>
<script src="/js/audiojs/modernizr.custom.22180.js"></script>
<script src="/js/audiojs/audio.min.js"></script>
<script src="/js/jquery.smoothZoom.min.js"></script>
<script type="text/javascript">
//<![CDATA[
(function ($) {
	$(document).ready(function() {
		
		$('#themeMap').smoothZoom({
			width: '100%',
			height: '100%',
			pan_BUTTONS_SHOW: "NO",
			pan_LIMIT_BOUNDARY: true,
			button_SIZE: 24,
			button_ALIGN: "top right",	
			zoom_MAX: 100,
			border_TRANSPARENCY: 20,
			zoom_OUT_TO_FIT: true,
			/******************************************
			Enable Responsive settings below if needed.
			Max width and height values are optional.
			******************************************/
			responsive: false,
			responsive_maintain_ratio: true,
			max_WIDTH: '',
			max_HEIGHT: ''
		});
        
	});
}(jQuery));
//]]>
</script>
</head>
<body class="bg_no">
<div class="pop_tab_wrap">
	<!-- 탭메뉴 -->
	<div id="pop_tab">
		<ul>
			<li>주제도 : ${attachFile.attachFileDesc}</li>
		</ul>
		<div id="pop_tabs1">
			<div style="width:750px; height:570px; overflow-x:auto; overflow-y:auto;margin:12px 0 12px 0; padding-top:7px;overflow:hidden;">
				<img id="themeMap" src="/download.do?contentsId=${attachFile.contentsId}&attachFileSeq=${attachFile.attachFileSeq}"/>
				</div>
		</div>
	</div>
	<!-- 탭메뉴 -->
	<!-- 버튼 -->
			<div class="btn_area">
				<div class="t_center">
					<a href="javascript:self.close();" class="btn_list_view"><span>닫기</span></a>
				</div>
			</div>
			<!-- //버튼 -->
</div>
</body>
</html>